<template>
	<view class="page-body-component">

		<button class="btn" data-url='pages/router/router' @click="goPage">路由</button>
		
		<button class="btn" data-url='pages/request/request' @click="goPage">网络请求</button>
		
		<button class="btn" data-url='pages/callHarmony/callHarmony' @click="goPage">uniapp调用鸿蒙原生及三方库</button>
	
		<button class="btn" data-url='pages/UIPage/UIPage' @click="goPage">UI布局组件</button>
		
		<button class="btn" data-url='pages/storage/storage' @click="goPage">持久化</button>
		
		<button class="btn" data-url='pages/oneMore/oneMore' @click="goPage">一多适配</button>
		
		<button class="btn" data-url='pages/buildAndPublish/buildAndPublish' @click="goPage">打包发布</button>

	</view>
</template>
<script setup>

	const goPage = (event) =>{
		const url = event.currentTarget.dataset.url;
		uni.navigateTo({
			url: '/' + url
		})
	}
	
</script>
<style lang="less" scoped>
	.page-body-component{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		.btn {
			margin-top: 15px;
		}
	}
</style>